<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>案例展示</title>
	<link rel="stylesheet" href="__PUBLIC__/home/css/bootstrap.min.css">
	<link rel="stylesheet" href="__PUBLIC__/home/css/common.css">
	<link rel="stylesheet" href="__PUBLIC__/home/css/example.css">
	<script src="__PUBLIC__/home/js/jquery.min.js"></script>
	<script src="__PUBLIC__/home/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/home/js/jquery.nav.js"></script>
	<script src="__PUBLIC__/home/js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
<!-- 头部开始 --> 
<div class="wrap">
	<nav class="navbar navbar-default">
		<div class="container-fluid container">
			<div class="navbar-header header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand logo" href="{:U('Index/index')}">
					<img src="__PUBLIC__/home/images/logo.png" alt="logo">
					<span>奥骞网络科技有限公司</span>
				</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="{:U('Index/index')}">首&nbsp;&nbsp;页</a></li>
					<li><a href="{:U('AboutUs/aboutUs')}">公司介绍</a></li>
					<li><a href="{:U('Class/index')}">培训课程</a></li>
					<li class="current"><a href="{:U('Example/example')}">案例展示</a></li>
					<li><a href="{:U('News/news')}">新闻资讯</a></li>
					<li><a href="{:U('ContactUs/contactUs')}">联系我们</a></li>
					<li><a href="{:U('JoinUs/joinUs')}">加入我们</a></li>
					<li><a href="{:U('Article/article')}">文章专栏</a></li>
				</ul>
				<div class="login">
					<a href="{:U('Index/login')}" class="active">登陆</a>
					<a href="{:U('Register/register')}">注册</a>
					<a href="{:U('Admin/Index/index')}">帮助</a>
				</div>
				<form class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="搜索">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
</div>
<!-- banner开始 -->
<div class="jumbotron">
	<div id="slideBox" class="slideBox">
	    <div class="hd">
	        <ul class="container">
				<?php foreach($bannerlist as $k=>$v){ ?>
				<li></li>
				<?php } ?>
	        </ul>
	    </div>
	    <div class="bd">
	        <ul>
				<?php foreach($bannerlist as $k=>$v){ ?>
				<img src="<?php echo $v['imgurl']?>" alt="">
				<?php } ?>
				<?php for($i=0;$i<count($bannerlist);$i++){ ?>
				<?php } ?>
	        </ul>
		</div>
	</div>
</div>
<!-- banner结束 -->
<!-- 头部结束 -->

<!-- 内容开始 -->
<!-- 导航 -->
<ul class="row container example-nav text-center" id="exam_nav">
    <li class="col-md-3"><a href="javascript:void(0)">H5网站展示 <input type="hidden" value="1"></a></li>
    <li class="col-md-3"><a href="javascript:void(0)">UI展示 <input type="hidden" value="2"></a></li>
    <li class="col-md-3"><a href="javascript:void(0)">APP开发+设计招聘 <input type="hidden" value="3"></a></li>
    <li class="col-md-3"><a href="javascript:void(0)">Java开发项目展示 <input type="hidden" value="4"></a></li>
</ul>
<!-- 导航结束 -->
<div class="bgd1">
	<div class="container">
    	<div>
        	<img src="__PUBLIC__/home/images/pic.png" class="rtg"/>
        	<button class="works">作品集</button>
            <button class="left">prev</button>
            <button class="right">next</button>
        </div>
        <h1 class="row title text-center">AOQIAN</h1>
        <div class="text-center col-md-10 col-md-offset-1 matter">
        	<p>重庆奥骞网络科技有限公司（www.aqwlkj.cn）和凯庚科技隶属上海云耐信息科技有限</p>
            <p>创立于2009年，总部位于依海临江的复旦软件高新技术产业园，在全国拥有上海、杭州、天津、重庆等四大区域公司和多家合作</p>
            <p>其中50多名员工从事研究和开发，众多客户遍布政府院校、贸易</p>
        </div>
    </div>
</div>
<!-- 项目介绍 -->
<div class="container project-introduction">
	<h1>|项目介绍</h1>
    <h2>[ 重庆奥骞官网建设 ]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>网站建设</span>&nbsp;&nbsp;.&nbsp;&nbsp;<span>科技行业</span></h2>
    <p>重庆奥骞网络科技有限公司（www.aqwlkj.cn）和凯庚科技隶属上海云耐信息科技有限公司，创立于2009年，总部位于依海临江的复旦这些新的行政的软件高新
技术产业园，在全国拥有上海、杭州、天津、重庆等四大区域公司和多家合作伙伴。</p>
    <p>重庆奥骞网络科技有限公司（www.aqwlkj.cn）和凯庚科技隶属上海云耐信息科技有限公司，创立于2009年，总部位于依海临江的复旦这些新的行政的软件高新
技术产业园，在全国拥有上海、杭州、天津、重庆等四大区域公司和多家合作伙伴。</p>
</div>
<!-- 项目介绍结束 -->
<!-- 设计欣赏 -->
<div class="container design">
	<h4>|设计欣赏</h4>
	<div class="row">
		<div class="col-xs-1"></div>
		<div class="col-xs-10"><img src="__PUBLIC__/home/images/ex-banner.png" class="exam-banner"></div>
		<div class="col-xs-1"></div>
	</div>
	<div id="example_content">
		<div class="row item">
			<div class="col-md-7 item-pic"><img src="{$exampleData[0]['imgurl']}"></div>
			<div class="col-md-5 exam exam1">
				<div class="title"><img src="__PUBLIC__/home/images/1.png"></div>
				<div class="exam-content">
					<h3><a href="#">{$exampleData[0]['exampletitle']}</a></h3>
					<p class="exam-p1"><?php echo mb_substr($exampleData[0]['examplecontent'],0,80,"UTF-8"); ?> ...</p>
				</div>
			</div>
		</div>
		<div class="row item item2">
			<div class="col-md-5 exam">
				<div class="title"><img src="__PUBLIC__/home/images/2.png" "></div>
				<div class="exam-content">
					<h3><a href="#">{$exampleData[1]['exampletitle']}</a></h3>
					<p class="exam-p2"><?php echo mb_substr($exampleData[1]['examplecontent'],0,80,"UTF-8"); ?> ...</p>
				</div>
			</div>
			<div class="col-md-7 item-pic  exam2"><img src="{$exampleData[1]['imgurl']}"></div>
		</div>
		<div class="row item3">
			<div class="col-xs-12 item-pic"><img src="{$exampleData[2]['imgurl']}"></div>
			<div class="exam3">
				<div class="title"><img src="__PUBLIC__/home/images/3.png"></div>
				<div class="exam-content">
					<h3><a href="#">{$exampleData[2]['exampletitle']}</a></h3>
					<p class="exam-p3"><?php echo mb_substr($exampleData[2]['examplecontent'],0,80,"UTF-8"); ?> ...</p>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-6 column column1"></div>
		<div class="col-xs-6 column"></div>
	</div>
	<div class="row">
		<div class="col-xs-3"></div>
		<div class="col-xs-6">
			<div class="exam-bottom">
				<img src="__PUBLIC__/home/images/ex-bottom.png" ">
			</div>
		</div>
		<div class="col-xs-3"></div>
	</div>
	
</div>
<!-- 设计欣赏结束 -->
<!-- 内容结束 -->

<!-- 尾部开始 -->
<div class="container-fluid footer-wrap">
	<div class="container">
		<ul class="footer">
			<li>奥骞网络科技，咨询:17318218552，企业合作：17318218221</li>
			<li>版权所有：重庆奥骞网络科技有限公司  川ICP备15032603号-2：</li>
			<li>技术支持：奥骞网络</li>
		</ul>
	</div>
</div>
<!-- 尾部结束 -->
</body>
<!-- 截取字符串（页面只显示固定字符的信息） -->
<script>
$(function(){
	var p1=$('.exam-p1').html();
	var str1=p1.substring(0,80);
	// alert(str1);
	str1+=' ...';
	$('.exam-p1').html(str1);

	var p2=$('.exam-p2').html();
	var str2=p2.substring(0,80);
	str2+=' ...';
	$('.exam-p2').html(str2);

	var p3=$('.exam-p3').html();
	var str3=p3.substring(0,80);
	str3+=' ...';
	$('.exam-p3').html(str3);
});
</script>
<!-- 案例展示-ajax -->
<script type="text/javascript">
$(function(){
	$("#exam_nav li").on("click",function(){
		$(this).addClass("col-md-3 active").siblings().removeClass("active");
		var type=$(this).find("input[type='hidden']").val();
		// alert(type);
		$.ajax({
			url:"{:U('Example/getajax')}",
			type:"post",
			data:{type:type},
			success:function(result){
				var str="";
				var examplecontent1=result[0]['examplecontent'];	//截取字符串（页面只显示有限的信息）
				var examplecontent2=result[1]['examplecontent'];
				var examplecontent3=result[2]['examplecontent'];
				var str1=examplecontent1.substring(0,80);
				var str2=examplecontent2.substring(0,80);
				var str3=examplecontent3.substring(0,80);
				str1+=' ...';
				str2+=' ...';
				str3+=' ...';
				examplecontent1=str1;
				examplecontent2=str2;
				examplecontent3=str3;
				// alert(str);
				str+='<div class="row item">';
				str+='<div class="col-md-7 item-pic"><img src="'+result[0]['imgurl']+'"></div>';
				str+='<div class="col-md-5 exam exam1">';
				str+='<div class="title"><img src="__PUBLIC__/home/images/1.png"></div>';
				str+='<div class="exam-content">';
				str+='<h3><a href="#">'+result[0]['exampletitle']+'</a></h3>';
				str+='<p class="exam-p1">'+examplecontent1+'</p>';
				str+='</div>';
				str+='</div>';
				str+='</div>';
				str+='<div class="row item item2">';
				str+='<div class="col-md-5 exam">';
				str+='<div class="title"><img src="__PUBLIC__/home/images/2.png" "></div>';
				str+='<div class="exam-content">';
				str+='<h3><a href="#">'+result[1]['exampletitle']+'</a></h3>';
				str+='<p class="exam-p2">'+examplecontent2+'</p>';
				str+='</div>';
				str+='</div>';
				str+='<div class="col-md-7 item-pic  exam2"><img src="'+result[1]['imgurl']+'"></div>';
				str+='</div>';
				str+='<div class="row item3">';
				str+='<div class="col-xs-12 item-pic"><img src="'+result[2]['imgurl']+'"></div>';
				str+='<div class="exam3">';
				str+='<div class="title"><img src="__PUBLIC__/home/images/3.png"></div>';
				str+='<div class="exam-content">';
				str+='<h3><a href="#">'+result[2]['exampletitle']+'</a></h3>';
				str+='<p class="exam-p3">'+examplecontent3+'</p>';
				str+='</div>';
				str+='</div>';
				str+='</div>';
				// alert(str);
				$("#example_content").html(str);
			}
		});
	});
});
</script>>
<!-- 字体 -->
<script>
	$(function(){
		//alert();
		changefontsize();
		$(window).resize(function(){
			changefontsize();
		});

		$('#nav').onePageNav({              //单页平滑导航插件
        begin:function(){
            if ($("#list_btn").css("display")=="block"){
                $("#list_btn").click();   //当按钮显示时，在执行动作之前给#list_btn一个直接点击事件，关闭按钮
            	}
        	},
    	});
	});

	function changefontsize(){
		var fontsize='';
		var screenwidth=$(window).width();
		//alert(screenwidth);
		fontsize=screenwidth*0.01167;
		$('body,html').css("font-size",fontsize+'px');
	};
</script>
<!-- 轮播插件 -->
<script>
	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});			 
</script>
</html>